<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>restful 测试</title>
<!---引入jquery资源--->
<script type="text/javascript"
	src="${basePath }static/bootstrap-3.3.7-dist/js/jquery.min.js"></script>
<script type="text/javascript">
	// dom ready 执行事件
	$(function() {
		// 绑定控件的点击事件
		$("#rest-get-id").bind("click", do_rest_get_id);
		$("#rest-post-save").bind("click", do_rest_post_save);
		$("#rest-put-update").bind("click", do_rest_put_update);
		$("#do_rest_Delete").bind("click", do_rest_Delete);
	});
	// GET 方式请求 /api/user/1 返回id 为1 的用户
	function do_rest_get_id() {
		$.ajax({
			type : "get",
			dataType : "json",
			url : "${basePath}adminInfo/1",
			success : function(data, textStatus, jqXHR) {
				console.info("querydata:");
				console.info(data);
				// 清空显示标签内容
				$("#showMsg").empty();
				// 解析结果进行显示
				$("#showMsg").html(JSON.stringify(data));
			}
		});
	}
	// 表单对象的json数据
	var adminInfo = {
		"adminname2" : "admin04",
		"adminpsw" : "admin04",
		"amdinsex" : "男",
		"amdinage" : "25",
		"admintel" : "16555555555555",
		"adminemail" : "admin04@163.com",
		"adminimg" : "static/uploadFiles/adminImgs/adminImg_20b0376a-0f00-4dfd-bead-6312b6310aa3.jpg",
		"admincreatetime" : "2018-01-09 00:00:00"
	}
	// POST 方式请求 进行新增操作
	function do_rest_post_save() {
		$.ajax({
			type : "POST",
			//data:$("#formid").serialize(),
			contentType : "application/json",// 发送数据类型（ 发送信息至服务器时内容编码类型）
			data : JSON.stringify(adminInfo),
			dataType : "json",
			url : "${basePath}adminInfo/",
			success : function(data, textStatus, jqXHR) {
				console.info("querydata:");
				console.info(data);
				// 清空显示标签内容
				$("#showMsg").empty();
				// 解析结果进行显示
				$("#showMsg").html(JSON.stringify(data));
			},
			complete : function(XHR, TS) {
				console.info("complete:XHR");
				console.info(XHR);
				// 获取服务器影响的response的header的location属性值
				var getLocation = XHR.getResponseHeader("location");
				console.info(XHR.getResponseHeader("location"));
				console.info(XHR.getAllResponseHeaders());
				// 使用ajax的get请求，重新请求该uri，获取值
				$.getJSON(getLocation, function(getData) {
					// 清空显示标签内容
					$("#showMsg").empty();
					// 解析结果进行显示
					$("#showMsg").html(JSON.stringify(getData));
				});
			}
		});
	}
	
	// 表单对象的json数据
	var adminInfo2 = {
		"adminid":6,
		"adminname2" : "admin04",
		"adminpsw" : "admin04",
		"amdinsex" : "男",
		"amdinage" : "25",
		"admintel" : "19999999999",
		"adminemail" : "admin04@163.com",
		"adminimg" : "static/uploadFiles/adminImgs/adminImg_20b0376a-0f00-4dfd-bead-6312b6310aa3.jpg",
		"admincreatetime" : "2018-01-09 00:00:00"
	}
	// Put 方式请求 进行修改操作
	function do_rest_put_update() {
		$.ajax({
			type : "PUT",
			//data:$("#formid").serialize(),
			contentType : "application/json",// 发送数据类型（ 发送信息至服务器时内容编码类型）
			data : JSON.stringify(adminInfo2),
			dataType : "json",
			url : "${basePath}adminInfo/6",
			success : function(data, textStatus, jqXHR) {
				console.info("querydata:");
				console.info(data);
				// 清空显示标签内容
				$("#showMsg").empty();
				// 解析结果进行显示
				$("#showMsg").html(JSON.stringify(data));
			}
		});
	}
	// Put 方式请求 进行修改操作
	function do_rest_Delete() {
		$.ajax({
			type : "DELETE",
			//data:$("#formid").serialize(),
			data : JSON.stringify(adminInfo2),
			dataType : "json",
			url : "${basePath}adminInfo/7",
			success : function(data, textStatus, jqXHR) {
				console.info("querydata:");
				console.info(data);
				// 清空显示标签内容
				$("#showMsg").empty();
				// 解析结果进行显示
				$("#showMsg").html(JSON.stringify(data));
			}
		});
	}
</script>
</head>
<body>
	<div class="form-group">
		<label for="txtName" class="col-sm-2 control-label">Restful-get-id:</label>
		<div class="col-sm-3">
			<input type="button" class="form-control" id="rest-get-id"
				value="Restful-get-id"> &nbsp;&nbsp; <input type="button"
				class="form-control" id="rest-post-save" value="rest-post-save">
				&nbsp;&nbsp; <input type="button"
				class="form-control" id="rest-put-update" value="rest-put-update">
				&nbsp;&nbsp; <input type="button"
				class="form-control" id="do_rest_Delete" value="do_rest_Delete">
		</div>
	</div>
	<div class="form-group">
		<label for="txtName" class="col-sm-2 control-label">显示结果：<br></label>
		<span id="showMsg"></span>
	</div>

</body>
</html>